<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/index.css">
  <title>Document</title>
</head>

<body>
  <div class="content">
    <header class="header">
      <h1>谢敬涛的项目</h1>
    </header>
    <nav class="nav">
      <a href="javascript:;"><img src="images/笔@2x.png" alt=""><span>HR面试</span></a>
      <a href="javascript:;"><img src="images/组 22@2x.png" alt=""><span>笔试</span></a>
      <a href="javascript:;"><img src="images/组 23@2x.png" alt=""><span>技术面试</span></a>
      <a href="javascript:;"><img src="images/组 24@2x.png" alt=""><span>模拟面试</span></a>
      <a href="javascript:;"><img src="images/组 25@2x.png" alt=""><span>面试技巧</span></a>
      <a href="javascript:;"><img src="images/组 26@2x.png" alt=""><span>薪资查询</span></a>
    </nav>
    <section class="logo">
      <img src="images/组 21@2x.png" alt="">
    </section>
    <section class="jiuye_box">
      <header class="header">
        <h4 class="jiuye_icon">就业指导</h4>
        <a href="javascript:;">更多>></a>
      </header>
      <div class="content">
        <!-- Swiper -->
        <div class="swiper-container jiuye_swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic.png" alt="">
                <p>老师教你应对面试技巧</p>
              </a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/ldh.jpg" alt="">
                <p>老师教你应对面试技巧</p>
              </a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/3.jpg" alt="">
                <p>老师教你应对面试技巧</p>
              </a>
            </div>


          </div>
          <div class="swiper-button-prev"></div>
          <!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
          <div class="swiper-button-next"></div>
          <!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->

        </div>
      </div>
    </section>
    <section class="chongdian_box">

      <header class="header">
        <h4 class="chongdian_icon">充电学习</h4>
        <a href="javascript:;">更多>></a>
      </header>
      <div class="content">
        <!-- Swiper -->
        <div class="swiper-container chongdian_swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic1.png" alt="">
                <p>说地道英语，告别中式英语</p>
                <i>156</i>
                <span>人学习</span>
              </a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic2.png" alt="">
                <p>说地道英语，告别中式英语</p>
                <i>156</i>
                <span>人学习</span>
              </a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic1.png" alt="">
                <p>说地道英语，告别中式英语</p>
                <i>156</i>
                <span>人学习</span>
              </a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic2.png" alt="">
                <p>说地道英语，告别中式英语</p>
                <i>156</i>
                <span>人学习</span>
              </a>
            </div>
            <div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic1.png" alt="">
                <p>说地道英语，告别中式英语</p>
                <i>156</i>
                <span>人学习</span>
              </a>
            </div><div class="swiper-slide">
              <a href="javascript:;">
                <img src="images/pic2.png" alt="">
                <p>说地道英语，告别中式英语</p>
                <i>156</i>
                <span>人学习</span>
              </a>
            </div>
          </div>
         
        </div>
      </div>


    </section>
    <footer class="footer">
      <a href="javascript:;" class="active">
        <img src="images/home.png" alt="">
        <p>首页</p>
      </a>
      <a href="javascript:;">
        <img src="images/user.png" alt="">
        <p>分类</p>
      </a>
      <a href="javascript:;">
        <img src="images/ms.png" alt="">
        <p>购物车</p>
      </a>
      <a href="javascript:;">
        <img src="images/net.png" alt="">
        <p>我的</p>
      </a>
    </footer>
  </div>
</body>
<script src="js/flexible.js"></script>
<script src="js/swiper.min.js"></script>
<script>
  new Swiper('.jiuye_swiper', {
    slidesPerView: 3,
    spaceBetween: 30,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    loop: true

  });

   new Swiper('.chongdian_swiper', {
      slidesPerView: 2.2,
      spaceBetween: 30,
      
    });
</script>

</html>